<template>
  <div class="my-grid-item" :style="{ backgroundColor: bg }">
    <span>{{ text }}</span>
    <img :src="imgSrc" alt="" />
  </div>
</template>

<script>
export default {
  props: ["text", "imgSrc", "bg"],
  setup() {},
};
</script>

<style scoped>
.my-grid-item {
  padding: 20px 0;
  display: flex;
  text-align: center;
  width: 47%;
  margin: 5px 0;
  
}
.my-grid-item span {
    width: 45%;
    font-size: 14px;
    font-weight: bold;
  }
.my-grid-item img {
    width: 70px;
    height: 70px;
    margin-left: 10px;
  }
</style>
